<template>
  <div class="left">
    <p class="mb-20" @click="homeHandler"><el-button size="small" type="primary">
      <router-link to="/explore/user" tag="span">
        MY HOME
      </router-link>
    </el-button></p>
    <p class="mb-20">
      <el-button size="small" type="primary">
        <router-link to="/explore/gift" tag="span">
          MY GIFTS
        </router-link>
      </el-button>
    </p>
    <p class="mb-20"><el-button size="small" type="primary">MY FRIENDS</el-button></p>
    <p class="mb-20"><el-button size="small" type="primary">I LIKE</el-button></p>
    <p class="mb-20"><el-button size="small" type="primary">LIKE ME</el-button></p>
  </div>
</template>

<script>
  import Bus from '../../utils/bus'
  export default {
    name: "left",
    methods: {
      homeHandler() {
        Bus.$emit('user-flag', true)
      }
    }
  }
</script>

<style scoped>

</style>
